	page{
		height: 100%;
		background-color:#1b8282;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.zzh-form{
		height: 100%;
		color:#fff;
		.login-head{
			display: flex;
			.head-img{
				margin: 200upx auto;
				width: 200upx;
				height: 200upx;
				border-radius:50%;
				margin-bottom: 20upx;
			}
		}
		.zzh-form-item{
			background-color: #95adbf;
		}
		.login-body{
			margin:40upx 100upx;
			.uni-form-item{
				margin-top:48upx;
				background-color: #c2ced878;
				border-radius: 10upx;
				 width: auto;
				padding: 5px 5px;
				.item-input{
					width: 100%;
				}
			}
			.form-code-item{
				display: flex;
				.uni-form-item{
					width:55%;
				}
				.code-button{
					width:45%;
					background-color: #4FD2C1;
					color:#fff;
					font-size: 14px;
					margin: 48upx 0 0 20upx;
					padding:0px;
				}
			}
			.protocol-item{
				background-color:transparent;
				margin: 10upx 0;
				color:#0bb7a1;
			}
			.item-hint{
				display: flex;
				justify-content: space-between;
				margin-top:0;
				background-color:transparent;
				.hint-title{
					font-size: 12px;
				}
			}
			.item-button{
				padding:0;
				.login-button{
					width: 100%;
					color: #fff;
					background-color: #4FD2C1;
				}
				.button-disable{
					background-color: transparent;
				}
			}
		}
	}